<template>
	<div class="active">
		{{title}}
		<div class="title">{{orgin.title}}</div>
		<div class="time">{{orgin.time}}</div>
		<div class="content" v-html="orgin.innerhtml"></div>
	</div>
</template>
	
<script>
	export default {
	    data: function() {
	        return {
				title:this.$t('home.activitiesDetails'),
	            orgin: {
	                title: 'admin',
	                time: '123123',
					innerhtml:'<p  @click="nClick"> 博文内容 <p>	',
	            },
	        };
	    },
		created() {
			this.title = this.title+this.$route.query.id
		},
	    methods: {
			
	    },
		components:{
		}
	};
</script>

<style lang="scss" scoped="scoped">
	.active{
		display: flex;
		flex-direction: column;
		
		.title{
			font-size: 22px;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 34px;
		}
		.content{
			font-size: 10px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
			line-height: 12px;
			flex: 1;
		}
		.time{
			font-size: 8px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #CCCCCC;
			line-height: 22px;
		}
	}
	
</style>
